<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bookshop</title>

    <!-- Bootstrap -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/css/font-awesome.min.css" rel="stylesheet">
    <link href="assets/css/animate.min.css" rel="stylesheet">
    <link href="assets/css/main.min.css" rel="stylesheet">

    <!-- Favicon -->
    <link rel="shortcut icon" href="/assets/images/favicon.ico">

    <link href='http://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic' rel='stylesheet'
          type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Fira+Sans:400,300,300italic,400italic,500,500italic,700,700italic'
          rel='stylesheet' type='text/css'>
</head>
<body>



<div id="wrapper">
    <div id="page-content-wrapper" class="st-pusher">
        <div class="st-pusher-after"></div>
        <!-- ============================================== HEADER ============================================== -->

        <header class="header">

            <nav class="navbar navbar-bookshop navbar-static-top" role="navigation">
                <div class="container">
                    <div class="row">
                        <div class="col-md-5 hidden-xs hidden-sm">
                            <ul class="nav navbar-nav">
                                <li><a href="single-book.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">网上商城</font></font></a></li>
                                <li><a href="about.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">关于我们</font></font></a></li>
                                <li><a href="about.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">交货</font></font></a></li>
                                <li><a href="contact.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">常见问题解答</font></font></a></li>
                                <li><a href="contact.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">往来</font></font></a></li>
                            </ul><!-- /.nav -->
                        </div><!-- /.col -->
                        <div class="col-md-3 col-xs-10 col-sm-10 navbar-left">

                            <p class="text-center"><a href="#"><span class="icon glyphicon glyphicon-earphone"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> + 1-234-567-8910</font></font></a></p>

                        </div><!-- /.col -->
                        <div class="col-md-4 col-sm-2">
                            <ul class="nav navbar-nav navbar-right">
                                <li class="hidden-xs hidden-sm"><a href="contact.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">收藏</font></font></a></li>
                                <li class="hidden-xs hidden-sm"><a href="single-book.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">购物车</font></font></a></li>
                                <li class="hidden-xs hidden-sm"><a href="contact.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">我的帐户</font></font></a></li>
                                <li class="icon icon-small hidden-xs"><a data-toggle="modal" data-target="#modal-login-big" href="#"><i class="icon fa fa-lock"></i></a></li>
                                <li class="icon hidden-lg hidden-sm hidden-md"><a data-toggle="modal" data-target="#modal-login-small" href="#"><i class="icon fa fa-lock"></i></a></li>
                            </ul><!-- /.nav -->
                        </div><!-- /.col -->
                    </div><!-- /.row -->
                </div><!-- /.container -->
            </nav><!-- /.navbar -->


            <!-- Modal -->
            <div id="modal-login-big" class="modal login fade hidden-xs" tabindex="-1" role="dialog" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-body">
                            <div class="text-center">
                                <ul class="login-list clearfix ">
                                    <li class="active"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">登录</font></font></li>
                                    <li class="divider"></li>
                                    <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">注册</font></font></a></li>
                                </ul><!-- /.login-list -->
                                <form role="form" class="inner-top-50">
                                    <div class="form-group">
                                        <label for="exampleInputEmail1" class="sr-only"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">电子邮件地址</font></font></label>
                                        <input type="email" class="form-control bookshop-form-control" id="exampleInputEmail1" placeholder="Hezy Theme">
                                    </div>
                                    <div class="form-group">
                                        <label for="exampleInputPassword1" class="sr-only"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">密码</font></font></label>
                                        <input type="password" class="form-control bookshop-form-control" id="exampleInputPassword1">
                                    </div>

                                    <button type="button" class="btn btn-primary btn-uppercase"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">登录</font></font></button>
                                    <a href="#" class="forgot-password"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">忘记密码</font></font></a>
                                </form>
                            </div>
                        </div><!-- /.modal-body -->
                        <div class="modal-footer">
                            <div class="text-center">
                                <ul class="social-list text-center">
                                    <li><a href="#" class="facebook"></a></li>
                                    <li><a href="#" class="google-plus"></a></li>
                                    <li><a href="#" class="twitter"></a></li>
                                    <li><a href="#" class="pinterest"></a></li>
                                </ul><!-- /.social-list -->
                            </div>
                        </div><!-- /.modal-footer -->
                        <a href="#" data-dismiss="modal" class="remove-icon"><i class="fa fa-times"></i></a>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal-dialog -->
            </div><!-- /.modal -->

            <!-- Modal -->
            <div id="modal-login-small" class="modal fade login login-xs hidden-sm hidden-lg" tabindex="-1" role="dialog" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-body">
                            <div class="text-center">
                                <div class="logo-holder">
                                    <h1 class="logo"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">书店</font></font></h1>
                                    <div class="logo-subtitle">
                                        <span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">书籍世界</font></font></span>
                                    </div><!-- /.logo-subtitle -->
                                </div>

                                <form role="form" class="inner-top-50">
                                    <div class="form-group">
                                        <label for="entername" class="sr-only"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">电子邮件</font></font></label>
                                        <input type="email" class="form-control bookshop-form-control" id="entername" placeholder="Hezy Theme">
                                    </div>
                                    <div class="form-group">
                                        <label for="enterpassword" class="sr-only"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">密码</font></font></label>
                                        <input type="password" class="form-control bookshop-form-control" id="enterpassword">
                                    </div>

                                    <button type="button" class="btn btn-primary btn-block btn-uppercase"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">登录</font></font></button>
                                    <a href="#" class="forgot-password"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">忘记密码</font></font></a>
                                </form>
                            </div>
                        </div><!-- /.modal-body -->
                        <div class="modal-footer">
                            <div class="text-center">
                                <ul class="social-list text-center">
                                    <li><a href="#" class="facebook"></a></li>
                                    <li><a href="#" class="google-plus"></a></li>
                                    <li><a href="#" class="twitter"></a></li>
                                    <li><a href="#" class="pinterest"></a></li>
                                </ul><!-- /.social-list -->
                            </div>
                        </div><!-- /.modal-footer -->
                        <a href="#" data-dismiss="modal" class="remove-icon"><i class="fa fa-times"></i></a>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal-dialog -->
            </div><!-- /.modal -->
            <div class="main-header">
                <div class="container">
                    <div class="row">
                        <div class="col-xs-12 col-sm-4 col-md-4 top-search-holder m-t-10">
                            <!-- ============================================== SEARCH BAR ============================================== -->
                            <form class="search-form" role="search">
                                <div class="form-group">
                                    <label class="sr-only" for="page-search"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">在此输入您的搜索</font></font></label>
                                    <input id="page-search" class="search-input form-control" type="search" placeholder="Search product">
                                </div>
                                <button class="page-search-button">
		<span class="fa fa-search">
			<span class="sr-only"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">搜索</font></font></span>
		</span>
                                </button>
                            </form>
                            <!-- ============================================== SEARCH BAR : END ============================================== -->					</div><!-- /.top-search-holder -->

                        <div class="col-xs-12 col-sm-4 col-md-4 text-center logo-holder">
                            <!-- ============================================== LOGO ============================================== -->
                            <a href="home.html">
                                <h1 class="logo"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">书店</font></font></h1>
                                <div class="logo-subtitle">
                                    <span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">书籍世界</font></font></span>
                                </div><!-- /.logo-subtitle -->
                            </a>
                            <!-- ============================================== LOGO : END ============================================== -->					</div><!-- /.logo-holder -->

                        <div class="col-xs-12  col-md-2 header-shippment hidden-sm m-t-10">
                            <!-- ============================================== FREE DELIVERY ============================================== -->
                            <div class="media free-delivery hidden-xs ">
                                <span class="media-left"><img src="assets/images/delivery-icon.png" height="48" width="48" alt=""></span>
                                <div class="media-body">
                                    <h5 class="media-heading"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">免费邮寄</font></font></h5>
                                </div>
                            </div>
                            <!-- ============================================== FREE DELIVERY : END ============================================== -->					</div><!-- /.header-shippment -->

                        <div class="col-xs-12 col-sm-4 col-md-2 animate-dropdown1 top-cart-row m-t-10">
                            <!-- ============================================== SHOPPING CART DROPDOWN ============================================== -->
                            <ul class="clearfix shopping-cart-block list-unstyled">
                                <li class="dropdown">
                                    <a class="menu-toggle-right clearfix" href="/.menu-toggle-right">
            <span class="pull-right cart-right-block">
                <img src="assets/images/cart-icon.png" alt="" width="46" height="39">
            </span><!-- /.cart-right-block -->
                                        <span class="pull-right cart-left-block">
                <span class="cart-block-heading"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">$ 345.39 </font></font></span>
                <span class="hidden-xs"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">2件商品</font></font></span>
            </span><!-- /.cart-left-block -->
                                    </a>
                                </li>
                            </ul> <!-- /.list-unstyled -->
                            <!-- ============================================== SHOPPING CART DROPDOWN : END ============================================== -->					</div><!-- /.top-cart-row -->
                    </div><!-- /.row -->

                </div><!-- /.container -->

            </div><!-- /.main-header -->




            <!-- ============================================== NAVBAR ============================================== -->
            <div class="header-nav animate-dropdown">
                <div class="container">
                    <div class="nav-bg-class">
                        <!-- ============================================================= NAVBAR PRIMARY ============================================================= -->
                        <nav class="yamm navbar navbar-primary animate-dropdown" role="navigation">
                            <div class="navbar-header">
                                <button id="btn-navbar-primary-collapse" type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-primary-collapse">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                            </div><!-- /.navbar-header -->
                            <div class="collapse navbar-collapse" id="navbar-primary-collapse">
                                <ul class="nav navbar-nav">
                                    <li class="active"><a href="home.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">图书</font></font></a></li>
                                    <li class="dropdown yamm-fw"><a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">教科书</font></font></a>
                                        <ul class="dropdown-menu">
                                            <li>
                                                <div class="yamm-content">
                                                    <div class="row">
                                                        <div class="col-md-2 col-sm-6">
                                                            <div class="section">
                                                                <h5 class="title">History</h5>
                                                                <ul class="links list-unstyled">
                                                                    <li><a href="books.html">Indian Independence</a></li>
                                                                    <li><a href="books.html">French Revolution</a></li>
                                                                    <li><a href="books.html">Industrial Revolution</a></li>
                                                                    <li><a href="books.html">Vietnam War</a></li>
                                                                    <li><a href="books.html">World War I &amp; II</a></li>
                                                                    <li><a href="books.html">Operation Desert Storm</a></li>
                                                                </ul>
                                                            </div><!-- /.section -->
                                                        </div><!-- /.col -->

                                                        <div class="col-md-2 col-sm-6">
                                                            <div class="section">
                                                                <h5 class="title">Science</h5>
                                                                <ul class="links list-unstyled">
                                                                    <li><a href="books.html">Applied Science</a></li>
                                                                    <li><a href="books.html">Astronomy</a></li>
                                                                    <li><a href="books.html">Biotechnology</a></li>
                                                                    <li><a href="books.html">Chemistry</a></li>
                                                                    <li><a href="books.html">Cognitive Science</a></li>
                                                                    <li><a href="books.html">Cosmology</a></li>
                                                                </ul>
                                                            </div><!-- /.section -->
                                                        </div><!-- /.col -->

                                                        <div class="col-md-2 col-sm-6">
                                                            <div class="section">
                                                                <h5 class="title">History</h5>
                                                                <ul class="links list-unstyled">
                                                                    <li><a href="books.html">Indian Independence</a></li>
                                                                    <li><a href="books.html">French Revolution</a></li>
                                                                    <li><a href="books.html">Industrial Revolution</a></li>
                                                                    <li><a href="books.html">Vietnam War</a></li>
                                                                    <li><a href="books.html">World War I &amp; II</a></li>
                                                                    <li><a href="books.html">Operation Desert Storm</a></li>
                                                                </ul>
                                                            </div><!-- /.section -->
                                                        </div><!-- /.col -->

                                                        <div class="col-md-2 col-sm-6">
                                                            <div class="section">
                                                                <h5 class="title">Science</h5>
                                                                <ul class="links list-unstyled">
                                                                    <li><a href="books.html">Applied Science</a></li>
                                                                    <li><a href="books.html">Astronomy</a></li>
                                                                    <li><a href="books.html">Biotechnology</a></li>
                                                                    <li><a href="books.html">Chemistry</a></li>
                                                                    <li><a href="books.html">Cognitive Science</a></li>
                                                                    <li><a href="books.html">Cosmology</a></li>
                                                                </ul>
                                                            </div><!-- /.section -->
                                                        </div><!-- /.col -->

                                                        <div class="col-md-2 col-sm-6">
                                                            <div class="section">
                                                                <h5 class="title">History</h5>
                                                                <ul class="links list-unstyled">
                                                                    <li><a href="books.html">Indian Independence</a></li>
                                                                    <li><a href="books.html">French Revolution</a></li>
                                                                    <li><a href="books.html">Industrial Revolution</a></li>
                                                                    <li><a href="books.html">Vietnam War</a></li>
                                                                    <li><a href="books.html">World War I &amp; II</a></li>
                                                                    <li><a href="books.html">Operation Desert Storm</a></li>
                                                                </ul>
                                                            </div><!-- /.section -->
                                                        </div><!-- /.col -->

                                                        <div class="col-md-2 col-sm-6">
                                                            <div class="section">
                                                                <h5 class="title">Science</h5>
                                                                <ul class="links list-unstyled">
                                                                    <li><a href="books.html">Applied Science</a></li>
                                                                    <li><a href="books.html">Astronomy</a></li>
                                                                    <li><a href="books.html">Biotechnology</a></li>
                                                                    <li><a href="books.html">Chemistry</a></li>
                                                                    <li><a href="books.html">Cognitive Science</a></li>
                                                                    <li><a href="books.html">Cosmology</a></li>
                                                                </ul>
                                                            </div><!-- /.section -->
                                                        </div><!-- /.col -->
                                                    </div>
                                                </div>

                                            </li>
                                        </ul>
                                    </li>
                                    <li><a href="books.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Nook Books</font></font></a></li>
                                    <li class="hidden-sm"><a href="books.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">有声读物</font></font></a></li>
                                    <li class="hidden-sm hidden-md"><a href="books.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">杂志</font></font></a></li>
                                    <li class="hidden-sm hidden-md"><a href="books.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">电影</font></font></a></li>
                                    <li><a href="books.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">音乐</font></font></a></li>
                                    <li class="dropdown navbar-right"><a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">网页</font></font></a>
                                        <ul class="dropdown-menu">
                                            <li>
                                                <div class="yamm-content">
                                                    <div class="row">
                                                        <div class="col-md-6 col-sm-6">
                                                            <ul class="links">
                                                                <li><a href="home.html">Home</a></li>
                                                                <li><a href="home-2.html">Home II</a></li>
                                                                <li><a href="books.html">Books</a></li>
                                                                <li><a href="books-2.html">Books II</a></li>
                                                                <li><a href="single-book.html">Book</a></li>
                                                                <li><a href="blog.html">Blog</a></li>
                                                                <li><a href="blog-post.html">Blog Post</a></li>
                                                            </ul>
                                                        </div>
                                                        <div class="col-md-6 col-sm-6">
                                                            <ul class="links">
                                                                <li><a href="about.html">About</a></li>
                                                                <li><a href="contact.html">Contact</a></li>
                                                                <li><a href="contact-2.html">Contact II</a></li>
                                                                <li><a href="categories.html">Categories</a></li>
                                                                <li><a href="magazine.html">Magazine</a></li>
                                                                <li><a href="all-brands.html">All Brands</a></li>
                                                                <li><a href="error.html">Error</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>


                                        </ul>
                                    </li>
                                </ul><!-- /.nav -->
                            </div><!-- /.collapse navbar-collapse -->
                        </nav><!-- /.yamm -->
                        <!-- ============================================================= NAVBAR PRIMARY : END ============================================================= -->			</div><!-- /.nav-bg-class -->
                </div><!-- /.container -->

            </div><!-- /.header-nav -->
            <!-- ============================================== NAVBAR : END ============================================== -->
        </header>


        <!-- ============================================== HEADER : END ============================================== -->
        <div class="content">
            <div class="breadcrumb-inner light-bg">
                <div class="container">
                    <div class="row">
                        <ul class="breadcrumb text-center light-bg">
                            <li><a href="home.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">家</font></font></a></li>
                            <li class="active"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">博客</font></font></li>
                        </ul><!-- /.breadcrumb -->

                    </div><!-- /.row -->
                    <div class="divider">
                        <img class="img-responsive" src="assets/images/blog/shadow.png" alt="">
                    </div><!-- /.divider -->


                </div><!-- /.container -->


            </div><!-- /.breadcrumb-inner -->


            <div class="container">
                <div class="row inner-top-xs">
                    <div class="col-md-9">
                        <!-- .blog post -->
                        <div class="blog-post wow fadeInUp animated outer-bottom-sm animated" style="visibility: visible; animation-name: fadeInUp;">
                            <a href="blog-post.html" class="blog-image"><img alt="" src="assets/images/blog/big1.jpg" class="img-responsive"></a>
                            <div class="row">
                                <div class="col-md-9 center-block">
                                    <div class="blog-info">
                                        <h2 class="blog-title"><a href="/index.php?page=blog-details"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Cras dapibus。</font><font style="vertical-align: inherit;">Vivamus elementum semper nisi。</font><font style="vertical-align: inherit;">Aenean vulputate eleifend tellus。</font></font></a></h2>
                                        <ul class="clearfix meta">
                                            <li class="author"><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">朦胧的主题</font></font></a></li>
                                            <li class="date"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">2015年7月12日</font></font></li>
                                            <li class="comment"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">42条评论</font></font></li>
                                        </ul><!-- /.meta -->

                                        <p class="m-t-20 blog-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">菜豆（Phasellus viverra nulla ut metus varius laoreet）。</font><font style="vertical-align: inherit;">Quisque rutrum。</font><font style="vertical-align: inherit;">Aenean imperdiet。</font><font style="vertical-align: inherit;">Etiam ultricies nisi vel augue。</font><font style="vertical-align: inherit;">Curabitur ullamcorper ultricies nisi。</font><font style="vertical-align: inherit;">Nam eget dui。</font><font style="vertical-align: inherit;">Etiam rhoncus。</font><font style="vertical-align: inherit;">Maecenas tempus，tellus eget condimentum rhoncus，sem quam semper libero，sit amet adipiscing sem neque。
                                        </font></font><a class="continue-reading" href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">继续阅读→</font></font></a></p>
                                    </div><!-- /.blog-info -->
                                </div>
                            </div>
                        </div><!-- /.blog-post -->

                        <div class="blog-post wow fadeInUp animated outer-bottom-sm animated" style="visibility: visible; animation-name: fadeInUp;">
                            <a href="blog-post.html" class="blog-image"><img alt="" src="assets/images/blog/big2.jpg" class="img-responsive"></a>
                            <div class="row">
                                <div class="col-md-9 center-block">
                                    <div class="blog-info">
                                        <h2 class="blog-title"><a href="/index.php?page=blog-details"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Donec quam felis，ultricies nec，pellentesque eu，pretium quis，sem.Nulla consequat massa quis enim。</font></font></a></h2>
                                        <ul class="clearfix meta">
                                            <li class="author"><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">书店</font></font></a></li>
                                            <li class="date"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">2015年6月6日</font></font></li>
                                            <li class="comment"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">12条评论</font></font></li>
                                        </ul><!-- /.meta -->

                                        <p class="m-t-20 blog-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Aenean vulputate eleifend tellus。</font><font style="vertical-align: inherit;">Aenean leo ligula，porttitor eu，consequat vitae，eleifend ac，enim。</font><font style="vertical-align: inherit;">Aliquam lorem ante，dapibus in in，viverra quis，feugiat a，tellus。</font><font style="vertical-align: inherit;">菜豆（Phasellus viverra nulla ut metus varius laoreet）。</font><font style="vertical-align: inherit;">Quisque rutrum。</font><font style="vertical-align: inherit;">Aenean imperdiet。</font><font style="vertical-align: inherit;">Etiam ultricies nisi vel augue。</font><font style="vertical-align: inherit;">Curabitur ullamcorper ultricies nisi。</font><font style="vertical-align: inherit;">Nam eget dui。</font><font style="vertical-align: inherit;">Etiam rhoncus。
                                        </font></font><a class="continue-reading" href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">继续阅读→</font></font></a></p>
                                    </div><!-- /.blog-info -->
                                </div><!-- /.blog-post -->
                            </div><!-- /.blog-info -->
                        </div>


                        <div class="blog-post wow fadeInUp animated outer-bottom-sm animated" style="visibility: visible; animation-name: fadeInUp;">
                            <a href="blog-post.html" class="blog-image"><img alt="" src="assets/images/blog/big3.jpg" class="img-responsive"></a>
                            <div class="row">
                                <div class="col-md-9 center-block">
                                    <div class="blog-info">
                                        <h2 class="blog-title"><a href="/index.php?page=blog-details"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Cras dapibus。</font><font style="vertical-align: inherit;">Vivamus elementum semper nisi。</font><font style="vertical-align: inherit;">Aenean vulputate eleifend tellus。</font></font></a></h2>
                                        <ul class="clearfix meta">
                                            <li class="author"><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">朦胧的主题</font></font></a></li>
                                            <li class="date"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">2015年6月2日</font></font></li>
                                            <li class="comment"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">42条评论</font></font></li>
                                        </ul><!-- /.meta -->

                                        <p class="m-t-20 blog-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">菜豆（Phasellus viverra nulla ut metus varius laoreet）。</font><font style="vertical-align: inherit;">Quisque rutrum。</font><font style="vertical-align: inherit;">Aenean imperdiet。</font><font style="vertical-align: inherit;">Etiam ultricies nisi vel augue。</font><font style="vertical-align: inherit;">Curabitur ullamcorper ultricies nisi。</font><font style="vertical-align: inherit;">Nam eget dui。</font><font style="vertical-align: inherit;">Etiam rhoncus。</font><font style="vertical-align: inherit;">Maecenas tempus，tellus eget condimentum rhoncus，sem quam semper libero，sit amet adipiscing sem neque。
                                        </font></font><a class="continue-reading" href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">继续阅读→</font></font></a></p>
                                    </div><!-- /.blog-info -->
                                </div><!-- /.blog-post -->
                            </div>
                        </div>

                        <div class="blog-post wow fadeInUp animated outer-bottom-sm" style="visibility: hidden; animation-name: none;">
                            <a href="blog-post.html" class="blog-image"><img alt="" src="assets/images/blank.gif" data-echo="assets/images/blog/big4.jpg" class="img-responsive"></a>
                            <div class="row">
                                <div class="col-md-9 center-block">
                                    <div class="blog-info">
                                        <h2 class="blog-title"><a href="/index.php?page=blog-details">Donec quam felis, ultricies nec, pellentesque eu, pretium quis,sem.Nulla consequat massa quis enim.</a></h2>
                                        <ul class="clearfix meta">
                                            <li class="author"><a href="#">Bookstore</a></li>
                                            <li class="date">01 Jun,2015</li>
                                            <li class="comment">9 comments</li>
                                        </ul><!-- /.meta -->

                                        <p class="m-t-20 blog-text">Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus.
                                            <a class="continue-reading" href="#">Continue Reading →</a></p>
                                    </div><!-- /.blog-info -->
                                </div><!-- /.blog-post -->
                            </div>
                        </div>

                        <div class="blog-post wow fadeInUp animated outer-bottom-sm" style="visibility: hidden; animation-name: none;">
                            <a href="blog-post.html" class="blog-image"><img alt="" src="assets/images/blank.gif" data-echo="assets/images/blog/big5.jpg" class="img-responsive"></a>
                            <div class="row">
                                <div class="col-md-9 center-block">
                                    <div class="blog-info">
                                        <h2 class="blog-title"><a href="/index.php?page=blog-details">Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.</a></h2>
                                        <ul class="clearfix meta">
                                            <li class="author"><a href="#">Hezy Theme</a></li>
                                            <li class="date">12 Jul,2015</li>
                                            <li class="comment">42 comments</li>
                                        </ul><!-- /.meta -->

                                        <p class="m-t-20 blog-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">菜豆（Phasellus viverra nulla ut metus varius laoreet）。</font><font style="vertical-align: inherit;">Quisque rutrum。</font><font style="vertical-align: inherit;">Aenean imperdiet。</font><font style="vertical-align: inherit;">Etiam ultricies nisi vel augue。</font><font style="vertical-align: inherit;">Curabitur ullamcorper ultricies nisi。</font><font style="vertical-align: inherit;">Nam eget dui。</font><font style="vertical-align: inherit;">Etiam rhoncus。</font><font style="vertical-align: inherit;">Maecenas tempus，tellus eget condimentum rhoncus，sem quam semper libero，sit amet adipiscing sem neque。
                                        </font></font><a class="continue-reading" href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">继续阅读→</font></font></a></p>
                                    </div><!-- /.blog-info -->
                                </div>
                            </div>
                        </div>				<!-- /.blog post -->
                    </div><!-- /.col -->
                    <div class="col-md-3">
                        <!-- .blog sidebar -->
                        <!-- ============================================== BLOG SIDEBAR ============================================== -->
                        <aside class="sidebar blog-sidebar">
                            <div class="widget clearfix outer-bottom-xs">
                                <h4 class="blog-sidebar-title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">社会</font></font></h4>
                                <div class="body m-t-20">
                                    <ul class="clearfix list-unstyled sidebar-social-contact list-inline">
                                        <li><a href="#" class="fa fa-facebook" title="Facebook的"></a></li>
                                        <li><a href="#" class="fa fa-pinterest" title="Pinterest的"></a></li>
                                        <li><a href="#" class="fa fa-linkedin" title="LinkedIn"></a></li>
                                        <li><a href="#" class="fa fa-twitter" title="推特"></a></li>
                                        <li><a href="#" class="fa fa-google-plus" title="Google Plus"></a></li>
                                        <li><a href="#" class="fa fa-rss" title="RSS"></a></li>
                                        <li><a href="#" class="fa fa-facebook" title="Facebook的"></a></li>

                                    </ul><!-- /.list-unstyled -->
                                </div><!-- /.body -->
                            </div><!-- /.widget -->

                            <div class="widget clearfix outer-bottom-xs">
                                <h4 class="blog-sidebar-title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">热门帖子</font></font></h4>
                                <div class="body m-t-20">
                                    <ul class="clearfix list-unstyled">
                                        <li class="media">
                                            <div class="date-wrapper pull-left">
                                                <div class="date">
                                                    <span class="day"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">02 </font></font></span>
                                                    <span class="month"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">APR</font></font></span>

                                                </div><!-- /.date -->
                                            </div><!-- /.date-wrapper -->
                                            <div class="media-body">
                                                <h5><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Corso completo di grafica web：敢...... </font></font></a></h5>
                                                <p class="comment-count"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">5条评论</font></font></p>
                                            </div><!-- /.media-body -->
                                        </li><!-- /.media -->

                                        <li class="media">
                                            <div class="date-wrapper pull-left">
                                                <div class="date">
                                                    <span class="day"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">23 </font></font></span>
                                                    <span class="month"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">MAR</font></font></span>

                                                </div><!-- /.date -->
                                            </div><!-- /.date-wrapper -->
                                            <div class="media-body">
                                                <h5><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Corso completo di grafica web：敢...... </font></font></a></h5>
                                                <p class="comment-count"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">13条评论</font></font></p>
                                            </div><!-- /.media-body -->
                                        </li><!-- /.media -->

                                        <li class="media">
                                            <div class="date-wrapper pull-left">
                                                <div class="date">
                                                    <span class="day"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">05 </font></font></span>
                                                    <span class="month"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">月25日</font></font></span>
                                                </div><!-- /.date -->
                                            </div><!-- /.date-wrapper -->
                                            <div class="media-body">
                                                <h5><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Corso completo di grafica web：敢...... </font></font></a></h5>
                                                <p class="comment-count"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">55条评论</font></font></p>
                                            </div><!-- /.media-body -->
                                        </li><!-- /.media -->


                                    </ul><!-- /.list-unstyled -->
                                </div><!-- /.body -->
                            </div><!-- /.widget -->

                            <div class="widget clearfix outer-bottom-xs">
                                <h4 class="blog-sidebar-title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">文本小部件</font></font></h4>
                                <div class="body m-t-20">
                                    <p><span class="black-box"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">一个cras tincidunt，ut tellus et。</font><font style="vertical-align: inherit;">Gravida scele risque，ipsum sed iacul is，nunc non namtellus.purus purus elit。</font><font style="vertical-align: inherit;">Cras ante eros。</font><font style="vertical-align: inherit;">Erat vel。</font><font style="vertical-align: inherit;">Donec vestibulum sed，vel euismod donec。</font></font></p>
                                </div><!-- /.body -->
                            </div><!-- /.widget -->

                            <div class="widget clearfix outer-bottom-xs">
                                <h4 class="blog-sidebar-title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">元</font></font></h4>
                                <div class="body m-t-20">
                                    <ul class="clearfix list-unstyled category-list">
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">网站管理员</font></font></a></li>
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">登出</font></font></a> </li>
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Enteries RSS</font></font></a></li>
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">评论RSS</font></font></a></li>
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Wordpress.org</font></font></a></li>
                                    </ul><!-- /.list-unstyled -->
                                </div><!-- /.body -->
                            </div><!-- /.widget -->

                            <div class="widget clearfix outer-bottom-xs">
                                <h4 class="blog-sidebar-title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">分类</font></font></h4>
                                <div class="body m-t-20">
                                    <ul class="clearfix list-unstyled category-list">
                                        <li class="sub-menu"><a class="dropdown-toggle" data-toggle="dropdown" href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">新进入者（38）</font></font></a>
                                            <ul>
                                                <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">棉汗（15）</font></font></a></li>
                                                <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">趋势（22）</font></font></a></li>
                                            </ul>
                                        </li>
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">女装时尚（13）</font></font></a></li>
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">好莱坞风格（15）</font></font></a></li>
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">90年代（6）</font></font></a></li>
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">常规适合（32）</font></font></a></li>
                                    </ul><!-- /.list-unstyled -->
                                </div><!-- /.body -->
                            </div><!-- /.widget -->
                        </aside><!-- /.sidebar -->
                        <!-- ============================================== BLOG SIDEBAR : END ============================================== -->				<!-- /.blog sidebar -->
                    </div>
                </div><!-- /.container -->
            </div><!-- /.row -->
        </div><!-- /.content -->            <!-- ============================================== FOOTER ============================================== -->
        <footer class="footer clearfix">
            <div class="margin-top-10">
                <div class="container inner-top-vs">
                    <!-- ============================================== FOOTER-TOP ============================================== -->
                    <div class="row">
                        <div class="col-md-3 col-sm-4">
                            <div class="footer-module">
                                <h4 class="footer-module-title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">关于本网站</font></font></h4>
                                <div class="footer-module-body m-t-20 clearfix">
                                    <p><span class="pull-left"><img src="assets/images/footer-logo.png" alt="" width="75" height="75"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">一个cras tincidunt，ut tellus et。</font><font style="vertical-align: inherit;">Gravida scele risque，ipsum sed iacul is，nunc non namtellus。</font><font style="vertical-align: inherit;">Placerat sed phasellus，purus purus elit。</font><font style="vertical-align: inherit;">Cras ante eros。</font><font style="vertical-align: inherit;">Erat vel。</font><font style="vertical-align: inherit;">Donec vestibulum sed，vel euismod donec。</font></font></p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-4">
                            <div class="footer-module">
                                <h4 class="footer-module-title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">分类</font></font></h4>
                                <div class="footer-module-body clearfix">
                                    <ul class="list-unstyled link-list">
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">图书</font></font></a></li>
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">课本</font></font></a></li>
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Nook书籍</font></font></a></li>
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">有声读物</font></font></a></li>
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">杂志</font></font></a></li>
                                    </ul>

                                    <ul class="list-unstyled link-list">
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">电影</font></font></a></li>
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">音乐</font></font></a></li>
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">游戏</font></font></a></li>

                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-4 clearfix ">
                            <div class="footer-module">
                                <h4 class="footer-module-title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">信息</font></font></h4>
                                <div class="footer-module-body clearfix">
                                    <ul class="list-unstyled link-list">
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">跟踪订单</font></font></a></li>
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">交货</font></font></a></li>
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">退货政策</font></font></a></li>
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">礼品卡</font></font></a></li>
                                    </ul>

                                    <ul class="list-unstyled link-list">
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">联系我们</font></font></a></li>
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">商店位置</font></font></a></li>
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">常问问题</font></font></a></li>
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">使用条款</font></font></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-12">
                            <div class="footer-module">
                                <h4 class="footer-module-title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">连</font></font></h4>
                                <div class="footer-module-body clearfix">
                                    <ul class="clearfix list-unstyled footer-social-contact">
                                        <li><a href="#" class="fa fa-facebook" title="Facebook的"></a></li>
                                        <li><a href="#" class="fa fa-pinterest" title="Pinterest的"></a></li>
                                        <li><a href="#" class="fa fa-linkedin" title="LinkedIn"></a></li>
                                        <li><a href="#" class="fa fa-twitter" title="推特"></a></li>
                                        <li><a href="#" class="fa fa-google-plus" title="Google Plus"></a></li>
                                        <li><a href="#" class="fa fa-rss" title="RSS"></a></li>
                                        <li><a href="#" class="fa fa-instagram" title="Instagram的"></a></li>

                                    </ul>


                                    <div class="inner-top-xs">
                                        <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">订阅我们的每周时事通讯。</font></font></p>
                                        <form class="searchform" action="http://inspectelement.com/" method="get">
                                            <input class="s" type="text" placeholder="Email Address" name="s" value="">
                                            <font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><input class="searchsubmit" type="submit" value="订阅"></font></font>
                                        </form>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- ============================================== FOOTER-TOP : END ============================================== -->            <hr>
                    <!-- ============================================== FOOTER-BOTTOM ============================================== -->
                    <div class="row">
                        <div class="col-md-12">
                            <div class="pull-left">
                                <ul class="payment-list list-unstyled">
                                    <li><a href="#"><img src="assets/images/payments/1.png" class="img-responsive" height="22" alt=""></a></li>

                                </ul>
                            </div>
                            <p class="copyright-footer pull-right"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">©2014 Bookshop。</font><font style="vertical-align: inherit;">版权所有。</font><font style="vertical-align: inherit;">由</font><a href="#"><font style="vertical-align: inherit;">Heztheme</font></a><font style="vertical-align: inherit;">用爱制造</font></font><a href="#"><font style="vertical-align: inherit;"></font></a></p>
                        </div>
                    </div>
                    <!-- ============================================== FOOTER-BOTTOM : END ============================================== -->        </div>
            </div>
        </footer>
        <!-- ============================================== FOOTER : END ============================================== -->        </div><!-- /.st-pusher -->
    <!-- ============================================== TOGGLE RIGHT CONTENT ============================================== -->

    <c:if test="${sessionScope.current_user == null}">
        <jsp:include page="needLogin.jsp"/>
    </c:if>
    <c:if test="${sessionScope.current_user != null}">
        <jsp:include page="content.jsp"/>
    </c:if>

    <!-- ============================================== TOGGLE RIGHT CONTENT : END ============================================== -->



</div><!-- /#wrapper -->

<script src="assets/js/jquery-1.11.2.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/bootstrap-hover-dropdown.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/perfect-scrollbar.min.js"></script>
<script src="assets/js/jquery-ui.min.js"></script>
<script src="assets/js/jquery.customSelect.min.js"></script>
<script src="assets/js/jquery.easing-1.3.min.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/echo.min.js"></script>
<script src="assets/js/scripts.js"></script><div id="goog-gt-tt" class="skiptranslate" dir="ltr"><div style="padding: 8px;"><div><div class="logo"><img src="https://www.gstatic.com/images/branding/product/1x/translate_24dp.png" width="20" height="20" alt="Google 翻译"></div></div></div><div class="top" style="padding: 8px; float: left; width: 100%;"><h1 class="title gray">原文</h1></div><div class="middle" style="padding: 8px;"><div class="original-text"></div></div><div class="bottom" style="padding: 8px;"><div class="activity-links"><span class="activity-link">提供更好的翻译建议</span><span class="activity-link"></span></div><div class="started-activity-container"><hr style="color: #CCC; background-color: #CCC; height: 1px; border: none;"><div class="activity-root"></div></div></div><div class="status-message" style="display: none;"></div></div>


<div class="goog-te-spinner-pos"><div class="goog-te-spinner-animation"><svg xmlns="http://www.w3.org/2000/svg" class="goog-te-spinner" width="96px" height="96px" viewBox="0 0 66 66"><circle class="goog-te-spinner-path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle></svg></div></div></body>
</html>
